@import "../../../common/base";

.app_go_list{

  .top{
    width:100%;
    height:40px;
    .toplist{
      width:100%;
      height:100%;
      display: flex;
      text-align: center;
      background: #fff;
      .btn{
        flex: 1;
        line-height:40px;
      }
      .activate{
        color: #F66;
      }
    }
  }
  .main{
    margin-top: 10px;
    width:100%;
    background: #fff;
    .main_list{

      .main_title{
        width:100%;
        height:40px;
        line-height: 40px;
        border-bottom: 1px solid #eee;

        p{
          margin-left: 10px;
        }
      }
      .center{
        display: flex;
        width:100%;
        height:110px;
        .left{
          width:100px;
          height: 100px;
          margin-left: 5px;
          margin-top: 5px;
          margin-right: 5px;
          img{
            width:100%;
            height:100%;
          }
        }
        .right{
          flex:1;
          position: relative;
          .name{
            position: absolute;
            top: 5px;
            left: 5px;
          }
          .money{
            position: absolute;
            bottom: 5px;
            left:5px;
            span{
              display: inline-block;
              color:#f66;
              font-size: 18px;
            }
          }
          .amount{
            right: 15px;
            bottom:5px;
            position: absolute;
          }
        }
      }
      .amount_list{
        width:100%;
        height: 60px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        .list{
          margin-top: 10px;
          color: #666;
          span{
            color:#f66;
          }
        }
      }
      .bottom_list{
        width:100%;
        text-align: right;
        .btn{
          color: #f60;
          display: inline-block;
          padding-left: 5px;
          padding-right: 5px;
          padding-top: 10px;
        }
      }
    }
  }
}